<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 11.盛最多水的容器
        给定一个长度为 n 的整数数组 height 。有 n 条垂线，第 i 条线的两个端点是 (i, 0) 和 (i, height[i]) 。

        找出其中的两条线，使得它们与 x 轴共同构成的容器可以容纳最多的水。

        返回容器可以储存的最大水量。

        说明：你不能倾斜容器。

        示例 1：

        输入：[1,8,6,2,5,4,8,3,7]
        输出：49 
        解释：图中垂直线代表输入数组 [1,8,6,2,5,4,8,3,7]。在此情况下，容器能够容纳水（表示为蓝色部分）的最大值为 49。
        示例 2：

        输入：height = [1,1]
        输出：1
     -->
    <script>
        var maxArea = function (height) {
            let L = 0
            let R = height.length - 1
            let res = 0
            while (L <= R) {
                //先找到短板，再用短板当宽计算面积，同时短板内移，(r - l) * height[r--]不能写成height[r--] * (r - l)，更新最大值
                let sum = Math.min(height[R], height[L]) * (R - L) //求和
                res = Math.max(res, sum) //与上一次结果比较留下更大的数
                height[L] > height[R] ? R-- : L++ //移动指针
            }
            console.log(res)
        };
        maxArea([1, 8, 6, 2, 5, 4, 8, 3, 7])
        maxArea([1, 1])
    </script>
</body>

</html>